Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript

Dans ce script, je vais vous montrer comment ouvrir une nouvelle fenêtre(pop-up) et la centrer avec javascript.

Pour centrer la fenêtre, nous allons simplement utiliser un peu de mathématiques pour trouver la position du centre.

Nous allons utiliser la méthode window.open pour ouvrir la nouvelle fenêtre. Mais pour plus d'informations sur cette dernière, regardez ce tutoriel:

Donc voici le code:

<!DOCTYPE>
<html lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ouvrir une pop-up et la centrer en javascript</title>
        <script type="text/javascript">
                <!--
                        function open_popup()
                        {
                                width = 300;
                                height = 200;
                                if(window.innerWidth)
                                {
                                        var left = (window.innerWidth-width)/2;
                                        var top = (window.innerHeight-height)/2;
                                }
                                else
                                {
                                        var left = (document.body.clientWidth-width)/2;
                                        var top = (document.body.clientHeight-height)/2;
                                }
                                window.open('pageb.html','nom_de_ma_popup','menubar=no, scrollbars=no, top='+top+', left='+left+', width='+width+', height='+height+'');
                        }
                -->
                </script>
    </head>
    <body>
        <a href="#null" onclick="javascript:open_popup();">Ouvrir et centrer la Pop-Up</a>
    </body>
</html>